<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link href="css/shop.css" type="text/css" rel="stylesheet" />
		<link href="css/Sellerber.css" type="text/css" rel="stylesheet" />
		<link href="css/bkg_ui.css" type="text/css" rel="stylesheet" />
		<link href="font/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script src="js/Sellerber.js" type="text/javascript"></script>
		<script src="js/shopFrame.js" type="text/javascript"></script>
		<script src="js/dist/echarts.js" type="text/javascript"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<!--[if lt IE 9]>
<script src="js/html5shiv.js" type="text/javascript"></script>
<script src="js/respond.min.js"></script>
<script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
  <![endif]-->
		<title>首页</title>
	</head>

	<body id="iframe_box">
		<div id="index_style" style="height:100%" class="clearfix">
			<div class="spacing_style"></div>
			<div class="margin-bottom clearfix ">
				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
					<a href="javascript:ovid()" class="tile-button btn_Plate bg-deep-blue">
						<div class="carousel Module_info">
							<div class="left_img bg_color_bule">
								<i class="fa fa-cny"></i>
								<h3>成交金额</h3>
							</div>
							<div class="right_info">4567.89元</div>
						</div>
					</a>
				</div>
				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
					<a href="javascript:ovid()" class="tile-button btn_Plate bg-green">
						<div class="carousel Module_info">
							<div class="left_img bg_color_green">
								<i class="fa  fa-comments-o"></i>
								<h3>留言</h3>
							</div>
							<div class="right_info">4567条</div>
						</div>
					</a>
				</div>
				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
					<a href="javascript:ovid()" class="tile-button btn_Plate bg-red ">
						<div class="carousel Module_info">
							<div class="left_img bg_color_red">
								<i class="fa fa-shopping-cart"></i>
								<h3>订单</h3>
							</div>
							<div class="right_info">4567笔</div>
						</div>
					</a>
				</div>
				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
					<a href="javascript:ovid()" class="tile-button btn_Plate bg-orange">
						<div class="carousel Module_info">
							<div class="left_img bg_color_orange">
								<i class="fa  fa-volume-up "></i>
								<h3>通知</h3>
							</div>
							<div class="right_info">456条</div>
						</div>
					</a>
				</div>
				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
					<a href="javascript:ovid()" class="tile-button btn_Plate bg-purple">
						<div class="carousel Module_info">
							<div class="left_img bg_color_purple">
								<i class="fa  fa-clock-o "></i>
								<h3>待处理</h3>
							</div>
							<div class="right_info">17条</div>
						</div>
					</a>
				</div>
				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
					<a href="javascript:ovid()" class="tile-button btn_Plate bg-yellow">
						<div class="carousel Module_info">
							<div class="left_img bg_color_yellow">
								<i class="fa  fa-clock-o "></i>
								<h3>紧急通知</h3>
							</div>
							<div class="right_info">10条</div>
						</div>
					</a>
				</div>
			</div>
			<div class="center  clearfix margin-bottom">
				<!--店铺信息-->
				<div class="col-xs-9">
					<div class="Shops_info clearfix frame">
						<div class="left_shop">
							<div class="left_shop_logo">
								<div class="shop_logo"><span class="bg_yuan"></span><img src="images/dp_logo.jpg" /></div>
								<a href="#" class="btn bg-deep-blue paddings">进入首页</a>
							</div>
							<div class="Shops_content">
								<p><label class="name">商城名称：</label>三台山购物网</p>
								<ul class="clearfix">
									<li><label class="name">店铺等级：</label>三级</li>
									<li><label class="name">商城类型：</label>电子商务</li>
									<li><label class="name">销售类型：</label>综合</li>
									<li><label class="name">店铺ID：</label>234565</li>
									<li><label class="name">商家ID：</label>34656565</li>
									<li><label class="name">开通时间：</label>2016-08-21</li>
								</ul>
							</div>

							<div class="right_shop">
								<p> 店铺动态评分：</p>
								<ul>
									<li><label class="name">相符描述</label><span class="score">4.5分</span></li>
									<li><label class="name">服务态度</label><span class="score">4.0分</span></li>
									<li><label class="name">发货速度</label><span class="score">4.6分</span></li>
								</ul>
							</div>
						</div>
						<div class="operating_style Quick_operation">
							<ul>
								<li class="submenu">
									<a href="javascript:void(0)" name="add_product.html" class="btn" title="添加产品"><i class="fa  fa-edit"></i>&nbsp;添加产品</a>
								</li>
								<li class="submenu">
									<a href="javascript:void(0)" name="add_Advertising.html" class="btn" title="添加广告"><i class="fa  fa-edit"></i>&nbsp;添加广告</a>
								</li>
								<li class="submenu">
									<a href="javascript:void(0)" name="add_Article.html" class="btn" title="添加文章"><i class="fa  fa-edit"></i>&nbsp;添加文章</a>
								</li>
								<li class="submenu">
									<a href="javascript:void(0)" name="add_Singlepag.html" class="btn" title="新增单页面"><i class="fa  fa-edit"></i>&nbsp;新增单页面</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class=" col-xs-3">
					<div class="admin_info frame clearfix">
						<div class="title_name"><i></i>登陆记录
							<a href="#">+更多</a>
						</div>
						<table class="record_list table table_list">
							<tbody>
								<tr>
									<td>管理员</td>
									<td>2016-08-04 12:45:43</td>
								</tr>
								<tr>
									<td>管理员</td>
									<td>2016-08-14 23:34:23</td>
								</tr>
								<tr>
									<td>管理员</td>
									<td>2016-08-24 11:34:53</td>
								</tr>
								<tr>
									<td>管理员</td>
									<td>2016-08-24 11:34:53</td>
								</tr>
								<tr>
									<td>管理员</td>
									<td>2016-08-24 11:34:53</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<!---->
			<div class="Order_form ">
				<div class="col-xs-6 col-lg-7">
					<div class="frame margin-right clearfix">
						<div class="title_name"><i></i>店铺/订单状态提示</div>
						<div class="clearfix">
							<div class="col-xs-3 col-lg-6 ">
								<div class="prompt_name"><i class="icon_Order"></i>订单& 商品</div>
								<ul class="padding list_info">
									<li>代发货订单 &nbsp;
										<a href="">(02)</a>
									</li>
									<li>已完成订单 &nbsp;
										<a href="">(32)</a>
									</li>
									<li>未完成订单 &nbsp;
										<a href="">(02)</a>
									</li>
								</ul>
							</div>
							<div class="col-xs-3 col-lg-6">
								<div class="prompt_name"><i class="icon_Promotions"></i>促销</div>
								<ul class="padding list_info">
									<li>待审核的促销 &nbsp;
										<a href="">(02)</a>
									</li>
									<li>发布的促销 &nbsp;
										<a href="">(32)</a>
									</li>
									<li>即将结束的促销 &nbsp;
										<a href="">(02)</a>
									</li>
								</ul>
							</div>
							<div class="col-xs-3 col-lg-6">
								<div class="prompt_name"><i class="icon_Aftermarket"></i>售后</div>
								<ul class="padding list_info">
									<li>待处理订单 &nbsp;
										<a href="">(02)</a>
									</li>
									<li>待退款订单 &nbsp;
										<a href="">(32)</a>
									</li>
									<li>待处理售后单 &nbsp;
										<a href="">(02)</a>
									</li>
								</ul>
							</div>
							<div class="col-xs-3 col-lg-6 ">
								<div class="prompt_name"><i class="icon_Billing"></i>结算</div>
								<ul class="padding list_info">
									<li>待支付 &nbsp;
										<a href="">(02)</a>
									</li>
									<li>待结算确认 &nbsp;
										<a href="">(32)</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="dd_echarts">
							<div id="main" style="width:100%; height:225px"></div>
						</div>
					</div>
				</div>
				<div class="col-xs-6 ranking_style col-lg-5">
					<div class="frame clearfix">
						<div class="title_name"><i></i>商品销售排行</div>
						<table class="table table_list ranking_list">
							<thead>
								<th width="50">排名</th>
								<th>商品编号</th>
								<th>商品名称</th>
								<th width="80">销售数量</th>
							</thead>
							<tbody>
								<tr>
									<td><em>1</em></td>
									<td>2345776</td>
									<td>
										<a href="#">联想（ThinkPad ）轻薄系列</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>2</em></td>
									<td>2345776</td>
									<td>
										<a href="#">施巴（sebamed）婴儿泡泡沐浴露200ml家庭装</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>3</em></td>
									<td>2345776</td>
									<td>
										<a href="#">七匹狼纯棉时尚休闲条纹翻领POLO衫T恤</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>4</em></td>
									<td>2345776</td>
									<td>
										<a href="#">桂格即食燕麦片超值装1478g</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>5</em></td>
									<td>2345776</td>
									<td>
										<a href="#">韩国爱敬挚爱香氛花香洗护套装（洗发水600ml+护发素</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>6</em></td>
									<td>2345776</td>
									<td>
										<a href="#">韩国爱敬挚爱香氛花香洗护套装（洗发水600ml+护发素</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>7</em></td>
									<td>2345776</td>
									<td>
										<a href="#">韩国爱敬挚爱香氛花香洗护套装（洗发水600ml+护发素</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>8</em></td>
									<td>2345776</td>
									<td>
										<a href="#">韩国爱敬挚爱香氛花香洗护套装（洗发水600ml+护发素</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>9</em></td>
									<td>2345776</td>
									<td>
										<a href="#">韩国爱敬挚爱香氛花香洗护套装（洗发水600ml+护发素</a>
									</td>
									<td>23</td>
								</tr>
								<tr>
									<td><em>10</em></td>
									<td>2345776</td>
									<td>
										<a href="#">韩国爱敬挚爱香氛花香洗护套装（洗发水600ml+护发素</a>
									</td>
									<td>23</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script>
	//设置框架
	$(function() {
		$("#index_style").frame({
			float: 'left',
			menu_nav: '.Quick_operation',
			color_btn: '.skin_select',
			Sellerber_menu: '.list_content',
			Sellerber_header: '.Sellerber_header',
		});
	});
	$("#iframe_box").niceScroll({
		cursorcolor: "#888888",
		cursoropacitymax: 1,
		touchbehavior: false,
		cursorwidth: "5px",
		cursorborder: "0",
		cursorborderradius: "5px"
	});
	/*********************/
	require.config({
		paths: {
			echarts: './js/dist'
		}
	});
	require(
		[
			'echarts',
			'echarts/theme/macarons',
			'echarts/chart/line', // 按需加载所需图表，如需动态类型切换功能，别忘了同时加载相应图表
			'echarts/chart/bar'
		],
		function(ec, theme) {
			var myChart = ec.init(document.getElementById('main'), theme);
			option = {
				title: {
					text: '当周交易记录',
					subtext: '每周7天的交易记录'
				},
				tooltip: {
					trigger: 'axis'
				},
				legend: {
					data: ['所有订单', '已完成', '未完成']
				},
				toolbox: {
					show: true,
					feature: {
						mark: {
							show: true
						},
						dataView: {
							show: true,
							readOnly: false
						},
						magicType: {
							show: true,
							type: ['line', 'bar']
						},
						restore: {
							show: true
						},
						saveAsImage: {
							show: true
						}
					}
				},
				calculable: true,
				xAxis: [{
					type: 'category',
					boundaryGap: false,
					data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
				}],
				yAxis: [{
					type: 'value',
					axisLabel: {
						formatter: '{value}单'
					}
				}],
				series: [{
						name: '所有订单',
						type: 'line',
						data: [110, 110, 150, 130, 125, 133, 106],
						markPoint: {
							data: [{
									type: 'max',
									name: '最大值'
								},
								{
									type: 'min',
									name: '最小值'
								}
							]
						},
						markLine: {
							data: [{
								type: 'average',
								name: '平均值'
							}]
						}
					},
					{
						name: '已完成',
						type: 'line',
						data: [110, 105, 140, 130, 110, 121, 100],
						markPoint: {
							data: [{
								name: '周最低',
								value: -2,
								xAxis: 1,
								yAxis: -1.5
							}]
						},
						markLine: {
							data: [{
								type: 'average',
								name: '平均值'
							}]
						}
					},
					{
						name: '未完成',
						type: 'line',
						data: [0, 5, 10, 0, 15, 12, 6],
						markPoint: {
							data: [{
								name: '周最低',
								value: -2,
								xAxis: 1,
								yAxis: -1.5
							}]
						},
						markLine: {
							data: [{
								type: 'average',
								name: '平均值'
							}]
						}
					}
				]
			};

			myChart.setOption(option);
		}
	);
</script>